﻿body {
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
    color: #666666;
    background: #ffffff;
}

html, body {
    margin: 0;
    padding: 0;
}

#page-container {
    width: 760px;
    background: red;
    margin: auto;

}

#main-nav {
    display: block;
    height: 0px !important;
    height /**/:50px; /* IE 5/Win hack */ 
    padding: 50px 0 0 0;
    overflow: hidden;
    background-repeat: no-repeat;

}

#main-nav ul { list-style:none; margin: 0; padding: 0; }

#main-nav li a:hover {
background-position: 0 -50px;
}

#main-nav li#about,
#main-nav li#about a { width: 71px; background-image: url(../images/nav/about.gif); }
#main-nav li#services,
#main-nav li#services a { width: 84px; background-image: url(../images/nav/services.gif); }
#main-nav li#portfolio,
#main-nav li#portfolio a { width: 95px; background-image: url(../images/nav/portfolio.gif); }
#main-nav li#contact,
#main-nav li#contact a { width: 106px; background-image: url(../images/nav/contact.gif); }


body.about li#about,
body.about li#about a,
body.services li#services,
body.services li#services a,
body.portfolio li#portfolio,
body.portfolio li#portfolio a,
body.contact li#contact,
body.contact li#contact a {
background-position: 0 -100px;
}

body.about #header {
height: 150px;
background: #db6d16
url(../images/headers/about.jpg);
}


#header {
    background: blue url(../images/headers/about.jpg);
    height: 150px;
}
#sidebar-a {
    background: darkgreen;
    float: right;
    width: 280px;
    line-height: 18px;
}

#content {
    background: green;
    margin-right: 280px;
    line-height: 18px;
}

#content .padding{
    padding: 25px;
}

#footer {
    clear: both;
    background: orange;
    height: 66px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    color: #c9c9c9;
    border-top: 1px solid #efefef;
    padding: 13px 25px;
    line-height: 18px;
    background-repeat:no-repeat;
}

#footer a {
    color: #c9c9c9;
    text-decoration: none;
}

#footer a:hover {
    color: #db6d16;
}

#footer #altnav {
    width: 350px;
    float: right;
    text-align: right;
}

.hidden {
    display: none;
}

h1 {
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 57px;
    padding-right: 31px;
}

#content h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;

}
#content p {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;

}

